<template>
  <div>
    <div class="titleContainner">
      <el-row :gutter="20" class="seachnav">
        <el-col :xs="7" :sm="6" :md="4" :lg="6" :xl="3" class="navHeight">
          <span @click="goBack()" class="returnnormalpress"></span>
          <span><img :src="realtimeindex" class="equiplist"/></span>
          <span class="description">物联网关管理</span>
        </el-col>
      </el-row>
    </div>
    <div class="equip-containner">
      <div class="equipManagement">
        <div class="equipTop">
        </div>
        <div class="equip-content">
          <w-bgate-table></w-bgate-table>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import WBgateTable from './components/WBgateTable'
  import returnnormalpress from '@/assets/equipv2/returnnormalpress.png'
  import realtimeindex from '@/assets/home/management.png'
  export default {
    components: { WBgateTable },
    data() {
      return {
        returnnormalpress,
        realtimeindex
      }
    },
    methods: {
      // 返回主页
      goBack() {
        this.$router.push({ path: '/monitor/system/project' })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .titleContainner {
    width: 100%;
    /*min-height: 53vw;*/
    background-color: #EFEFEF;
    .seachnav {
      width: 60%;
      height: 50px;
      position: fixed;
      z-index: 2;
      top: 0;
      bottom: 0;
      line-height: 50px;
      padding-left: 20px;
      .navHeight {
        width: 220px !important;
        height: 60px;
        padding-right: 0 !important;
        .returnnormalpress {
          display: inline-block;
          width: 20px;
          height: 20px;
          vertical-align: -webkit-baseline-middle;
          cursor: pointer;
          background-image: url('../../../assets/equipv2/returnnormalpress.png');
        }
        .returnnormalpress:hover {
          background-image: url('../../../assets/equipv2/returnHover.png');
        }
        .equiplist {
          vertical-align: -webkit-baseline-middle;
          margin-left: 15px;
        }
        .description{
          font-size: 18px;
          color: #333;
          vertical-align: -webkit-baseline-middle;
          padding-left: 10px;
        }
      }
    }
  }
  .equip-containner{
    font-size: 16px;
    color: #25B6C7;
    .equipManagement{
      background-color: #fff;
      margin: 20px 20px 0;
      .equipTop{
        width: 100%;
        height: 0;

        .equipTitle{
          font-size: 16px;
          color: #676A70;
          padding-left: 5px;
          border-left: 5px solid #25B6C7;
          height: 16px;
        }
      }
      .equip-content{
        width: 100%;
      }
    }
  }
</style>
